body {        
	background-image: url("images/fondo2.jpg"); 
	background-position : center; 
	background-repeat : no-repeat; 
	background-attachment : fixed; 
}

a{
	color: appworkspace;
	font-size: 30px;
}
	

h1 {
	color:orange;
	text-align:center;
	
}

/* table#casilleros{ */
/* 	background-image: url("images/fondoclarotd.png");	 */
/* } */

/* td{ */
/* 	background-image: url("images/fondoclarotd.png");	 */
/* 	border: 2px; */
/* 	border-color: red; */
/* } */

p {
	font-family:"Times New Roman";
	font-size:20px;
	color:white;
}

/* table { */
/* 	border-collapse:collapse; */
/* 	border-color: maroon; */
/* } */

/* table, th, td { */
/* 	border: 4px solid gray; */
/* } */

/* td, th { */
/* 	padding:25px; */
/* } */

/* td { */
/* 	text-align: center; */
/* } */

iframe{
	width: 1280px;
	height:800px;
}

label {
	font-size: 20px;
	font-style: italic;
	font-weight:bold;
	color:#F5FFFA;
}

h2{
	font-style: oblique;
	font-size: 12px;
	color:#FFF8DC;		
}
h3 {
	font-style: oblique;
	font-size: 12px;	
	color: #3399CC;
}

div#footpage{
	text-align: right;
	color:#FFF8DC;	
}



button {
	font-family: cursive;
}


.labelNombres extends label{
	font-size:20px	
}

/* Esto es codigo de tablero entre <Styles> */


		.divgeneral{
			width:100px;
			word-wrap: break-word;
		}
		.tablageneral{
			word-wrap: break-word;
			table-layout: fixed;
			border: "2";
			
		}
		.casillero{
			width: 90px;
			height: 90px;
			border-style: solid;
			border-color: #B0C4DE;
			
		}
		.casillero img{
			  border-style: none;
			  height: auto;
			  margin: 13px;
			  width: auto;
		}

/* ////////////////////////////////////////// */
/* Esto va en verPersonajesPage */

		.headers{
			background-color:#B0C4DE;
		}
		.odd{
			background-color: #D3D3D3;
		}
		
		#divgeneral .label{
			width:190px;
		}
		
		.muestreo{
			margin:20px;
			width: 150px;
			top: 20px;
			float: left;
			text-align: center;
		}
		#verPersonajes{
			background-color: white;			

		}